// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
//APP这个局部组件是从当前目录下的App位置导入进来的
//尽管./App没有后缀，但是webpack会从已知后缀中做一些选择，直到找到和后缀匹配的文件为止
import router from './router'
//路由就是根据网址url的不同，返回不同的内容给用户，这就是路由
//router其实就是路由项目配置部分的内容，Vue会去找当前目录下的router文件夹，然后会自动引入
//router文件夹下的Index.js文件


import fastClick from 'fastclick'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import store from './store'
import 'babel-polyfill'

import 'styles/reset.css'
//在main.js入口文件引入reset.css重置样式文件

import 'styles/border.css'
import 'styles/iconfont.css'
import 'swiper/dist/css/swiper.css'

Vue.config.productionTip = false
fastClick.attach(document.body)
Vue.use(VueAwesomeSwiper)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  //在创建根实例时，使用了router变量
  //router也是一种es6写法，实际写法是router:router
  components: { App },
  store,
  //components: { App }这是一种es6的写法，实际上他是components: { App：App }
  //这个表示项目中用了一个局部组件，名字叫做App,在外部的根实例里的，它的名字也叫做App
  //在es6里面键和值是一样时，其实只要写一个就可以
  template: '<App/>'
  //模板的意思是直接把这个app组件直接渲染出来，显示在页面之上
})
//定义了Vue的根实例，根实例挂载到id等于app的这个元素上
